import { CommonModule } from '@angular/common'
import { NgModule } from '@angular/core'
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { MatFormFieldModule, MatInputModule, MatSelectModule } from '@angular/material'
import { HeroDetailComponent } from './hero-detail/hero-detail.component'
import { HeroRoutingModule } from './hero-routing.module'
import { HeroComponent } from './hero.component'
import { HeroService } from './services/hero.service'

@NgModule({
  imports: [
    CommonModule,

    FormsModule,
    ReactiveFormsModule,

    MatFormFieldModule,
    MatInputModule,
    MatSelectModule,

    HeroRoutingModule,
  ],
  declarations: [ HeroComponent, HeroDetailComponent ],
  providers: [ HeroService ],
})
export class HeroModule {
}
